
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../../global/css/aui.css" />
    <!-- <link rel="stylesheet" type="text/css" href="../../../../global/css/aui-slide.css" /> -->
    <link rel="stylesheet" type="text/css" href="../../../../global/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="./frm.css" />
</head>
<body>
	<div id="main">
        <div id="nav" class="aui-bar aui-bar-nav aui-hide">
            <!-- <a class="aui-btn aui-pull-left" tapmode onclick="goPrevSlide(this);">
                <span class="aui-icon-left"></span>
            </a>
            <a class="aui-btn aui-pull-right" tapmode onclick="goNextSlide(this);">
                <span class="aui-iconfont aui-icon-right"></span>
            </a> -->
        </div>
        <div id="calendar"></div>
	</div>
    <ul id="notes" class="aui-hide">
        提示：
        <li>·点击未签到的日期(带+号)可以手动补签</li>
        <li>·补签一天需要5金币</li>
        <li>·可以补签最近7天的漏签，如果超过就不能补签了哦</li>
    </ul>
</body>

<script id="tpl-month-list" type="text/x-dot-template">
    <div class='aui-slide-wrap swiper-wrapper'>
		{{~it.monthList :month:i}}
		<div class="aui-slide-node swiper-slide" style="width: 100%">
            <div class="month-title" style="width: 100%">{{=month.date}}</div>
            <div class="month" style="width: {{=it.gridSize}}px">
            {{~it.weekDays :w:j}}
                <div class="date" style="width: {{=it.cellSize}}px; height: {{=it.cellSize}}px; line-height: {{=it.cellSize}}px;">
                    <span>{{=w}}</span>
                </div>
            {{~}}
        	{{~month.days :v:ii}}
                <div class="date {{=dayType(v)}}" style="width: {{=it.cellSize}}px; height: {{=it.cellSize}}px; line-height: {{=it.cellSize}}px;">
                    <span>{{=v.date}}</span>
                    {{? 0 < v.flag}}
                        <div class="circle-frame" style="top: {{=it.cirMargin}}px; left: {{=it.cirMargin}}px">
                            {{? 1 == v.flag}}
                                <div class="circle done"></div>
                                <img src="../../../../global/image/mark-green.png" />
                            {{??}}
                                <div class="circle supp" data-time="{{=month.data1}}" data-day="{{=v.date}}" tapmode onclick="sign_last(this)"></div>
                                <img src="../../../../global/image/plus-orange.png" />
                            {{?}}
                        </div>
                    {{?}}
                </div>
        	{{~}}
            </div>
        </div>
        {{~}}
    </div>
    <div class="swiper-button-prev swiper-button-black"></div>
    <div class="swiper-button-next swiper-button-black"></div>
</script>

<script type="text/javascript" src="../../../../config.js"></script>
<script type="text/javascript" src="../../../../global/script/lib/api.js"></script>
<script type="text/javascript" src="../../../../global/script/lib/doT.min.js"></script>
<script type="text/javascript" src="../../../../global/script/mylib.js"></script>
<script type="text/javascript" src="../../../../app.js"></script>
<script type="text/javascript" src="./frm.js"></script>
<script type="text/javascript" src="../../../../global/script/lib/zepto.min.js"></script>
<script type="text/javascript" src="../../../../global/script/lib/swiper.min.js"></script>


</html>


<script type="text/javascript" src="../../../../global/script/_fakeApi.js"></script>
<script type="text/javascript">
	window.mockSignInRec = {
	    "status": "200",
	    "msg": "成功",
	    "data": [
	        {
	            "month": "201809",
	            "list": [
	                {
	                    "date": "08"
	                },
	                {
	                    "date": "09"
	                }
	            ]
	        },
	        {
	            "month": "201810",
	            "list": null
	        },
	        {
	            "month": "201811",
	            "list": [
	                {
	                    "date": "08"
	                },
	                {
	                    "date": "09"
	                }
	            ]
	        },
	    ]
	}


    initCtx(window.innerWidth);
    fooSignInRec();
</script>
